<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 강제로 인터넷 익스플로러로 최신버전동작하게 끔해주는 태그-->
		<title>07html링크태그</title>

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	</head>

	<body>

		<h1 id="top">링크태그</h1>

		<ul style="height: 500px" id="pagemove" >
			<li>
				<a accesskey="p" href="04html기본태그.html">기본태그</a>
			</li>
			<li>
				<a href="05html글자모양태그.html">글자모양태그</a>
			</li>
			<li>
				<a href="06html목록태그">목록태그</a>
			</li>
		</ul>
		<hr />
		<ul style="height: 500px" id="sitemove" >
			<li>
				<a accesskey="w" href="http://www.google.co.kr">구글 </a>
			</li>
			<li>
				<a href="http://w3schools.com">W3School </a>
			</li>
			<li>
				<a href="http://clien.net">클리앙 </a>
			</li>
		</ul>
		<hr />

		<ul style="height: 500px" id="newtab" >
			<li>
				<a  accesskey="n" href="http://www.google.co.kr" target="_blank">구글(새창)</a>
			</li>
			<li>
				<a href="04html기본태그.html" target="_blank"> 기본</a>
			</li>
		</ul>

		<hr />
		<ul style="height: 500px" id="email" >
			<li>
				<a href="mailto:bbalgae_@nate.com" accesskey="m">메일</a>
			</li>

			<hr />
			<ul style="height: 500px">
				<li>
					<a href="#pagemove"  accesskey="l">웹 페이지간 이동</a>
				</li>
				<li>
					<a href="#sitemove">웹 사이트 이동</a>
				</li>
				<li>
					<a href="#newtab">새로운 창으로 열기</a>
				</li>
				<li>
					<a href="#email">이메일 보내기</a>
				</li>
				<li>
					<a href="#top">맨 위로 이동</a>
				</li>
			</ul>
		</ul>
			<!--
				a :링크
				링크는 a태그를 사용해서 생성
				태그 사이의 내용을 클릭하면 링크가 동작
				링크 내용은 문자나 이미지등으로 구성
				링크가 동작시 이동할 페이지는 href속성으로 정의
				
				
				다른사이트로 이동하는 링크를 만들때는 href 속성 값에 절대 URL이라는 사이트의 전체 웹주소를 사용
				href속성값으로 상대URL이라는 사이트의 단축형 주소를 사용
				
				동일페이지에서 특정 부분을 이동하는 링크를 만들때때는
				id속성을 이용해서 먼저 이동할 위치를 지정하고 식별할 수 있어야함
				id 속성값은 #으로 시작해야함
				
				이메일링크
				href 속성값에 mailto: 와 전송할 이메일 주소 추가
				링크 클릭시 사용자 이메일 프로그램이 자동으로 실행
				
				새창에서 링크열기
				a 태그에 target이라는 속성을 추가
				속성값으로 _blank를 사용
				가급적으로 새창에서 링크를 여는 것은 자제
			-->
			<!--
				URL : uniform resource locator
				모든 네트워크 자원(웹페이지)는 고유한 이름이 존재
				네트워크 상에 자원이 어디에 있는지를 알려주기 위한 규칙을 의미
		 	         프로토콜, 사이트 도메인 이름, 페이지 경로로 구성
		 	    http://127.0.0.1:8020/basicHTML/07html%EB%A7%81%ED%81%AC%ED%83%9C%EA%B7%B8.html <-- 절대URL(전체주소)
		 	    basicHTML/07html%EB%A7%81%ED%81%AC%ED%83%9C%EA%B7%B8.html <-- 상대주소
		 	    
		 	  상대 URL
		 	   단순하게 페이지에 대한 경로만으로 구성
		 	   링크페이지가 동일한 폴더에 존재: ./파일명, 파일
		 	   링크페이지가 자식 폴더에 존재 : 폴더/파일명
		 	   링크페이지가 손자 폴더에 존재 : 폴더/폴더/파일명
		 	   링크페이지가 부모 폴더에 존재 : ../폴더/파일명
		 	   링크페이지가 조상 폴더에 존재 : ../../파일명
			-->
	</body>
</html>
